<%@ page contentType="text/html; charset=utf-8" %>
<%@ include file="/WEB-INF/jsp/includeCss.jsp"%>
<%@ include file="/WEB-INF/jsp/includeJs.jsp"%>
<%@ include file="/WEB-INF/jsp/includeTaglib.jsp"%>
<table width="100%" border="0" cellpadding="0" cellspacing="5">
	<tr>
		<td valign="top">
			<table class="dbborder" width="100%" border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td valign="bottom" class="blueTableBg">&nbsp;项目信息</td>
				</tr>
				<tr>
					<td>
						<div class="globalText" style="padding: 5px;">
								<ul class="tabs">
									<li><span id="rootTab" style="color:#333;background:#fff" class="tab_item" url="beforEditProjectBaseInfo.html?projectId=${projectId}" onclick="javascript:tabClick(this);">项目基础信息</span></li>
									<li><span id="orgTab" class="tab_item" url="beforEditProjectOrg.html?projectId=${projectId}" onclick="javascript:tabClick(this);">组织架构</span></li>
									<li><span id="storeTab" class="tab_item" url="beforEditProjectStores.html?projectId=${projectId}" onclick="javascript:tabClick(this);">门店信息</span></li>
									<li><span class="tab_item" url="beforEditProjectStoresAssign.html?projectId=${projectId}" onclick="javascript:tabClick(this);">督导门店分配</span></li>
									<li><span id="productTab" class="tab_item" url="beforEditProjectProducts.html?projectId=${projectId}" onclick="javascript:tabClick(this);">采集项目配置</span></li>
									<li><span class="tab_item" url="beforEditProjectSalesPromoter.html?projectId=${projectId}" onclick="javascript:tabClick(this);">促销员配置</span></li>
									<li><span class="tab_item" url="beforEditProjectSalesPromoterAssign.html?projectId=${projectId}" onclick="javascript:tabClick(this);">促销员门店配置</span></li>
									<li><span class="tab_item" url="beforEditProjectImportantTask.html?projectId=${projectId}" onclick="javascript:tabClick(this);">重点任务配置</span></li>
								</ul>
						</div>
						<div id="tabContent" class="tabContent" style="float: left;width: 90%" >
									
						</div>
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>


	<script>
	$(function() {
		$('#tabContent').load($("#rootTab").attr("url"));
		$.ajaxSetup({cache:false});
	});
	
	function tabClick(obj){
		$(".tab_item").each(function(){
			$(this).css("color","");
			$(this).css("background","#f1f1f1");
		});
		$(obj).css("color","#333");
		$(obj).css("background","#fff");
		
		$('#tabContent').empty();
		$('#tabContent').load($(obj).attr("url"));
		
	}
	</script>